﻿<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="index.aspx.vb" Inherits="ASI_2_UFG._Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <meta charset="UTF-8">
    <title>BIENVENIDO A CIENCIAS BASICAS UFG!!!</title>
    
    <link rel="stylesheet" href="CSS/ASI2UFG.css"/>
	
	<link type="text/css" href="CSS/skitter.styles.css" media="all" rel="stylesheet" />
	<script type="text/javascript" src="JS/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="JS/javascript.js"></script>
	<script type="text/javascript" src="JS/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="JS/jquery.skitter.min.js"></script>
	
	<script type="text/javascript">
		$(document).ready(function() {
			/*$(".box_skitter_large").skitter();*/
			$('.box_skitter_large').css({width: 691, height: 352}).skitter({show_randomly: true, dots: true, interval: 4000, numbers_align: 'center', theme: 'round'});
		});
			
	</script>
</head>

<body>
	<div class="CONTENEDOR">
    	<div class="ENCABEZADO">
			<img class="LOGO" src="IMAGES/logoufg2012.png" alt="LOGO UFG">
        	<h1>ESTE ES EL ENCABEZADO</h1>
        </div>
        <div class="CONTENIDO">
			
			<div id='cssmenu'>
				<ul>
				   <li class='active'><a href='index.html'><span>INICIO</span></a></li>
				   <li class='has-sub'><a href='#'><span>CONSULTAS</span></a>
					  <ul>
						 <li class='has-sub'><a href='#'><span>Calendario</span></a>
							<!--<ul>
							   <li><a href='#'><span>Sub Item</span></a></li>
							   <li class='last'><a href='#'><span>Sub Item</span></a></li>
							</ul>-->
						 </li>
						 <li class='has-sub'><a href='#'><span>Horarios de Asignatura</span></a></li>
						 <li class='has-sub'><a href='#'><span>Atencion al alumno</span></a></li>
					  </ul>
				   </li>
				   <li class='has-sub'><a href='#'><span>SITIO UFG</span></a>
				   <li class='has-sub'><a href='#'><span>OTROS ENLACES</span></a>
						<ul>
							<li class='has-sub'><a href='#'><span>Biblioteca UFG</span></a></li>
							<li class='has-sub'><a href='#'><span>Comunidad Estudiantil</span></a></li>
							<li class='has-sub'><a href='#'><span>Servicios UFG</span></a></li>
						</ul>
				   <li class='last'><a href='#'><span>CONTACTO</span></a></li>
				</ul>
			</div>
			
			<!-- LOGIN -->
			<hr id="stripe"> <!-- linea divisora-->
			<div id="wrapper"><!--contiene el boton y panel-->
				<div id="toppanel">
					<div id="panel"><!--contiene el panel como tal-->
						<div id="panel_contents">
							<div class="border" id="login">
								<table>
								<tr><td><label>Usuario</label></td>
								<td><input type="text" name="usuario"/></td></tr>
								
								<tr><td><label>Contrase&ntilde;a</label></td>
								<td><input type="password" name="clave"/></td></tr>
								<tr><td colspan="2"><div style="text-align:right; x-small;"><a class="frgt" href="#">Olvidaste tu contrase&ntilde;a???</a></div></td>
								<tr><td colspan="2"><div style="text-align:right; height: 25px;"><input type="button" class="button orange" value="ENTRAR"/></div></td></tr>
								</table>
							</div>
						</div>
					</div>
					<div class="panel_button" style="display: visible;"><img src="IMAGES/expand.png"  alt="expand"/>  
					<a href="#">ENTRAR</a></div><!-- sera el boton de entrada q se despliega hacia abajo -->
					<div class="panel_button" id="hide_button" style="display: none;"><img src="IMAGES/collapse.png" alt="collapse" />
					<a href="#">OCULTAR</a></div><!-- sera el boton para ocultar el panel-->
				</div>
			</div>
			<!-- END LOGIN-->
			
			<div class="slide">
			<!-- SLIDER SKITTER -->
			<div class="box_skitter box_skitter_large">
				<ul>
					<li>
						<a href="#cut"><img src="IMAGES/skitter/001.jpg" class="cut" alt="001" /></a>
						<div class="label_text"><p>efecto 1</p></div>
					</li>
					<li>
						<a href="#swapBlocks"><img src="IMAGES/skitter/002.jpg" class="swapBlocks" alt="002" /></a>
						<!--<div class="label_text"><p>swapBlocks</p></div>-->
					</li>
					<li>
						<a href="#swapBarsBack"><img src="IMAGES/skitter/003.jpg" class="swapBarsBack" alt="002" /></a>
						<div class="label_text"><p>swapBarsBack</p></div>
					</li>
					<li>
						<a href="#swapBarsBack"><img src="IMAGES/skitter/004.jpg" class="fadeFour" alt="004" /></a>
						<div class="label_text"><p>fadeFour</p></div>
					</li>
				</ul>
			</div>
			<!-- END Slider -->
			</div>
        </div>
		<div class="PIE">
			<p> ESTE PROYECTO FUE CREADO POR ALUMNOS DE ANALISIS DE SISTEMAS II </p>
		</div>
    </div>
</body>
</html>
